<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>pig书屋--首页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/qian.css" media="all">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
	<div class="container">
		<%@ include file="include/top.jsp" %>
		<div class="content" style="margin:0px 10px;">
			<div class="part1 clearfix" style="border-bottom:1px double #AEAEAE;padding:0px 0px 10px 0px;">
				<%@include file="include/booktype-left.jsp" %>
				
	            <div class="right pull-left">
	            	<!-- 广告 -->
	            	<div>
	            		<img src="img/11.jpg" alt="">
	            	</div>
				</div>
			</div>
			<!-- <div class="part2 clearfix" style="border-bottom:1px double #AEAEAE;">
				<div class="navbar" style="margin-bottom:0px;">
				  <div class="navbar-inner">
				    <a class="brand" href="#">畅销书</a>
				  </div>
				</div>
				<div class="left pull-left">
					<div class="row1">
						<ul class="thumbnails">
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" style="width:104px;height:150px;" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" style="width:104px;height:150px;" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" style="width:104px;height:150px;" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" width="104px" height:"150px" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" width="104px" height:"150px" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						</ul>
					</div>
					<div class="row2">
						<ul class="thumbnails">
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" width="104px" height:"150px" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" width="104px" height:"150px" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" width="104px" height:"150px" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
						    <div class="thumbnail">
						      <img src="img/wx1.jpg" width="104px" height:"150px" alt="">
						      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
						      <p style="margin-left:15px;">￥19.7</p>
						    </div>
						  </li>
						  <li class="span2">
							  <a href="#">
							    <div class="thumbnail">
							      <img src="img/wx1.jpg" width="104px" height:"150px" style="margin-left:13px;" alt="">
							      <h5 style="margin-left:15px;margin-bottom:5px;">藏海花</h5>
							      <p style="margin-left:15px;">￥19.7</p>
							    </div>
							  </a>
						  </li>
						</ul>
					</div>
				</div>
				<div class="right pull-left"  style="border:1px double #AEAEAE;margin-left:10px;">
					<div class="navbar">
					  <div class="navbar-inner" style="padding:0px 10px;">
					    <a class="brand" href="#">图书畅销榜</a>
					  </div>
					</div>
					<ul>						
						<li>
							藏海花<br/>
							￥19.7
						</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
						<li>藏海花</li>
					</ul>
				</div>	
			</div> -->
			<div class="part3 clearfix" style="border-bottom:1px double #AEAEAE;">
				<div class="navbar" style="margin-bottom:0px;">
				  <div class="navbar-inner">
				    <a class="brand" href="#">新书上架</a>
				  </div>
				</div>
				<div class="left pull-left">
					<div class="row1">
						<ul class="thumbnails">
						  <c:forEach items="${newBookList1}" var="newbook">
						  	<li class="span2">
							  <a href="/bookDetail.action?id=${newbook.id}">
							    <div class="thumbnail">
							      <c:choose>
							      	<c:when test="${not empty newbook.pic}">
							      		<img src="/showPic.action?id=${newbook.id}" style="width:104px;height:150px;margin-left:13px;" alt="${newbook.bookName}" title="${newbook.bookName}">
							      	</c:when>
							      	<c:otherwise>
							      		<img src="/showPic.action?id=1" style="width:104px;height:150px;margin-left:13px;" alt="${newbook.bookName}" title="${newbook.bookName}">
							      	</c:otherwise>
							      </c:choose>
							      <h5 style="margin-left:15px;margin-bottom:5px;">${newbook.bookName}</h5>
							      <p style="margin-left:15px;">￥${newbook.price}</p>
							    </div>
							  </a>
						    </li>
						  </c:forEach>
						</ul>
					</div>
					<div class="row2">
						<ul class="thumbnails">
							<c:forEach items="${newBookList2}" var="newbook">
							  	<li class="span2">
								  <a href="/bookDetail.action?id=${newbook.id}">
								    <div class="thumbnail">
								      <c:choose>
								      	<c:when test="${not empty newbook.pic}">
								      		<img src="/showPic.action?id=${newbook.id}" style="width:104px;height:150px;margin-left:13px;" alt="${newbook.bookName}" title="${newbook.bookName}">
								      	</c:when>
								      	<c:otherwise>
								      		<img src="/showPic.action?id=1" style="width:104px;height:150px;margin-left:13px;" alt="${newbook.bookName}" title="${newbook.bookName}">
								      	</c:otherwise>
								      </c:choose>
								      <h5 style="margin-left:15px;margin-bottom:5px;">${newbook.bookName}</h5>
								      <p style="margin-left:15px;">￥${newbook.price}</p>
								    </div>
								  </a>
							    </li>
							 </c:forEach>
						</ul>
					</div>
				</div>
				<div class="right pull-left"  style="border:1px double #AEAEAE;margin-left:10px;width:140px;">
					<div class="navbar"  style="width:140px;margin-right:0px;">
					  <div class="navbar-inner" style="padding:0px 0px;width:140px;">
					    <a class="brand" href="#">最新书榜</a>
					  </div>
					</div>
					<ol style="width:140px;">
						<c:forEach items="${newBookList}" var="newbook">
						  <a href="/bookDetail.action?id=${newbook.id}" style="width:140px;">
						    <li  style="width:120px;">${newbook.bookName}</li>
						  </a>
						 </c:forEach>						
					</ol>
				</div>	
			</div>
			<div class="part4 clearfix" style="border-bottom:1px double #AEAEAE;">
				<div class="navbar" style="margin-bottom:0px;">
				  <div class="navbar-inner">
				    <a class="brand" href="#">人气书籍</a>
				  </div>
				</div>
				<div class="left pull-left">
					<div class="row1">
						<ul class="thumbnails">
						  <c:forEach items="${favBookList1}" var="favbook">
						  	<li class="span2">
							  <a href="/bookDetail.action?id=${favbook.id}">
							    <div class="thumbnail">
							      <c:choose>
							      	<c:when test="${not empty favbook.pic}">
							      		<img src="/showPic.action?id=${favbook.id}" style="width:104px;height:150px;margin-left:13px;" alt="${favbook.bookName}" title="${favbook.bookName}">
							      	</c:when>
							      	<c:otherwise>
							      		<img src="/showPic.action?id=1" style="width:104px;height:150px;margin-left:13px;" alt="${favbook.bookName}" title="${favbook.bookName}">
							      	</c:otherwise>
							      </c:choose>
							      <h5 style="margin-left:15px;margin-bottom:5px;">${favbook.bookName}</h5>
							      <p style="margin-left:15px;">￥${favbook.price}</p>
							    </div>
							  </a>
						    </li>
						  </c:forEach>
						</ul>
					</div>
					<div class="row2">
						<ul class="thumbnails">
						  <c:forEach items="${favBookList2}" var="favbook">
						  	<li class="span2">
							  <a href="/bookDetail.action?id=${favbook.id}">
							    <div class="thumbnail">
							      <c:choose>
							      	<c:when test="${not empty favbook.pic}">
							      		<img src="/showPic.action?id=${favbook.id}" style="width:104px;height:150px;margin-left:13px;" alt="${favbook.bookName}" title="${favbook.bookName}">
							      	</c:when>
							      	<c:otherwise>
							      		<img src="/showPic.action?id=1" style="width:104px;height:150px;margin-left:13px;" alt="${favbook.bookName}" title="${favbook.bookName}">
							      	</c:otherwise>
							      </c:choose>
							      <h5 style="margin-left:15px;margin-bottom:5px;">${favbook.bookName}</h5>
							      <p style="margin-left:15px;">￥${favbook.price}</p>
							    </div>
							  </a>
						    </li>
						  </c:forEach>
						</ul>
					</div>
				</div>
				<div class="right pull-left"  style="border:1px double #AEAEAE;margin-left:10px;width:140px;">
					<div class="navbar"  style="width:140px;margin-right:0px;">
					  <div class="navbar-inner" style="padding:0px 0px;width:140px;">
					    <a class="brand" href="#">人气排行榜</a>
					  </div>
					</div>
					<ol style="width:140px;">
						<c:forEach items="${favBookList}" var="favbook">
						  <a href="/bookDetail.action?id=${favbook.id}" style="width:140px;">
						    <li  style="width:120px;">${favbook.bookName}</li>
						  </a>
						 </c:forEach>						
					</ol>
				</div>
			</div>
		</div>
		<!-- <a href="/showPic.action?id=fa4eac693ed9866a013ed98b58ec0000">点击下载</a> -->
		<%@ include file="include/foot.jsp" %>
	</div>
</body>
</html>